.draggableModalWrap {
  /* 覆盖默认的居中样式 */
}

.draggableModal {
  /* 移除默认的 margin 和 transform */
  margin: 0 !important;
  transform: none !important;
  top: 0 !important;
  left: 0 !important;
}

.draggableModalContent {
  /* 确保内容可以正常显示 */
  width: 100%;
  height: 100%;
}

/* 拖拽手柄样式 */
.draggableModal :global(.ant-modal-header) {
  cursor: grab !important;
  user-select: none !important;
  position: relative;
}

.draggableModal :global(.ant-modal-header):active {
  cursor: grabbing !important;
}

.draggableModal :global(.ant-modal-header) * {
  cursor: grab !important;
  user-select: none !important;
}

.draggableModal :global(.ant-modal-header):active * {
  cursor: grabbing !important;
}

/* 确保 Modal 内容可以滚动 */
.draggableModal :global(.ant-modal-body) {
  max-height: calc(90vh - 120px); /* 减去头部和底部的高度 */
  overflow-y: auto;
}

/* 响应式设计 */
@media (max-width: 768px) {
  .draggableModal {
    width: 95% !important;
    max-width: none !important;
  }
  
  .draggableModal :global(.ant-modal-body) {
    max-height: calc(90vh - 100px);
  }
} 